<%@ page language="java" import="java.util.*" contentType="text/html;charset=gb2312" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
  <%
  String username = (String)session.getAttribute("name");
 
  %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>个人收藏</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

	<link href="./css/demo-9d2e853776642d42fb65e9d7209f4978.css" media="screen" rel="stylesheet">
	<style type="text/css">

	body{
		background: #2e3444
	}
	table{
		border-collapse:collapse;
		border-spacing:0;
		border-left:1px solid #888;
		border-top:1px solid #888;
		background:#efefef;
	}
	th,td{
		border-right:1px solid #888;
		border-bottom:1px solid #888;
		padding:5px 15px;
	}
	th{
		font-weight:bold;
		background:#ccc;
	}
	.table_mycollection{
		width:100%;
		margin-top:80px;
	}
	</style>


	<script type="text/javascript" src="http://www.js-css.cn/jscode/jquery.min.js"></script>
  </head>
  

  <body>
    <div id="switcher">
      <div class="center">
        <ul>
          <div id="Device">
            <li class="device-mobile">
              <a href="javascript:">
                <div class="icon-mobile-1" ><h2>收藏</h2></div>
              </a>
            </li>
            
            <li class="logoTop">
              <a href="./home.jsp">首页</a>
            </li>
            <li class="remove_frame">
              <a href="./home.jsp" >在线用户：<%=username%></a>
            </li>
          </div>
        </ul>
      </div>
 	</div>

  	<div class="table_mycollection" align="center">
  		<table>
  			<tr style="width:100%">
  				<td style="width:300px;height:60px">收藏编号号</td>
  				<td style="width:300px;height:60px">收藏地址</td>
  				<td style="width:300px;height:60px">收藏者</td>
  			</tr>

  		</table>
  	</div>
<script type="text/javascript">
	
$(document).ready(function () { 
		var n = "<%=username%>";
		if(n==null||n=="")
			alert("you are not signed in!");
        function fixHeight() {
      
            var headerHeight = $("#switcher").height();
      
            $("#iframe").attr("height", $(window).height() - 54 + "px");
      
        }
     	
        $(window).resize(function () {
      
            fixHeight();
      
        }).resize();
      
      
        $('.icon-monitor').addClass('active');
      
        
        $(".icon-mobile-1").click(function () {
            window.location.href="./mycollects.jsp";
            return false;
        });
      
        $(".icon-tablet").click(function () {
            $("#by").css("overflow-y", "auto");
            $('#iframe-wrap').removeClass().addClass('tablet-width');
            $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
            $(this).addClass('active');
            return false;
        });
      
        $(".icon-monitor").click(function () {
            $("#by").css("overflow-y", "hidden");
            $('#iframe-wrap').removeClass().addClass('full-width');
            $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
            $(this).addClass('active');
            return false;
        });

        $(".remove_frame").click(function () {
            if(n!=null||n!="")
              window.location.href="./home.jsp";
            else
              window.location.href="./login.jsp";
            return false;
        });
      });  
      
      function Responsive($a) {
          if ($a == true) $("#Device").css("opacity", "100");
          if ($a == false) $("#Device").css("opacity", "0");
          $('#iframe-wrap').removeClass().addClass('full-width');
          $('.icon-tablet,.icon-mobile-1,.icon-monitor,.icon-mobile-2,.icon-mobile-3').removeClass('active');
          $(this).addClass('active');
          return false;
      }; 
    </script>
</script>
  </body>
</html>
